Setting the Positioning Grid |
|
The XForms Designer provides a grid to enable you to position controls in an XForm. The grid is a matrix that divides the Designer Area into smaller areas that act as points of reference while positioning controls. Using the grid, you can align user interface elements with precision.
- Open the XForm in the XForms Designer.
- Right-click the Designer Area and select Show Grid. The grid displays in the Designer Area, and a check mark appears for the Show Grid option in the context menu.
Note:
The Show Grid context-menu option is a toggle option, and selecting it again clears the check mark and hides the grid. On opening an XForm, the grid is enabled, by default. - Right-click the Designer Area, select Grid Size, and choose a grid size from the sub-menu. The options available are 2, 5, 8, 10, 15, and 20, and are measured in pixels (px). Depending on the option you select, the grid is resized.
Note:
The grid size is set as 10, by default. - Right-click the Designer Area and select Snap to Grid. This enables the snap-to-grid feature, and displays a check mark in the context menu. The controls, added to the XForm after enabling this feature, are automatically positioned at the nearest reference point in the grid.
Note:
- The Snap to Grid context-menu option is a toggle option, and selecting it again clears the check mark and disables the feature.
- On opening an XForm, the snap-to-grid feature is enabled, by default.
The grid settings are saved as user preferences. The XForms that you open, henceforth, display according to the new settings.